<%@ page import="icontrolv2.Factura" %>
<!doctype html>
<html>
    <head>
		<meta name="layout" content="main">
        <g:set var="entityName" value="${message(code: 'facturaInstance.label', default: 'Factura')}"/>
        <title><g:message code="default.create.label" args="[entityName]"/></title>

        <script type="text/javascript">
            $(document).ready(function() {
                $("#forma-pago").on('change', function() {
                    $("#forma-pago-fa").val($("#forma-pago").val());
                });

                $("#forma-pago-fa").val($("#forma-pago").val());
            });
        </script>
    </head>
<body>
    <div class="nav" role="navigation">
        <ul>
            <li><a class="home" href="${createLink(uri: '/')}"><g:message code="default.home.label"/></a></li>
            <li><g:link class="list" action="list"><g:message code="default.list.label" args="[entityName]"/></g:link></li>
        </ul>
    </div>

    <div id="facturar-proyecto" class="content scaffold-show" role="main" style="position: relative;">
        <h1>Facturar Proyecto</h1>
        <ol class="property-list facturar">
            <li class="fieldcontain">
                <span id="nombre-label" class="property-label"><g:message code="proyecto.nombre.label" default="Proyecto"/></span>

                <span class="property-value" aria-labelledby="nombre-label"><g:fieldValue bean="${proyecto}" field="nombre"/></span>
            </li>
            <li class="fieldcontain">
                <span id="fecha-emision-label" class="property-label">Fecha Emisión</span>

                <span class="property-value" aria-labelledby="fecha-emision-label"><g:formatDate format="dd-MM-yyyy" date="${fechaEmision}" /></span>
            </li>
            <li class="fieldcontain">
                <span id="rut-cliente-label" class="property-label">Rut Cliente</span>

                <span class="property-value" aria-labelledby="rut-cliente-label"><g:fieldValue bean="${cliente}" field="rut"/>-<g:fieldValue bean="${cliente}" field="dv"/></span>
            </li>
            <li class="fieldcontain">
                <span id="razon-social-label" class="property-label">Razon Social Cliente</span>

                <span class="property-value" aria-labelledby="razon-social-label"><g:fieldValue bean="${cliente}" field="nombre"/></span>
            </li>
            <li class="fieldcontain">
                <span id="descripcion-cliente-label" class="property-label">Giro</span>

                <span class="property-value" aria-labelledby="descripcion-cliente-label"><g:fieldValue bean="${cliente}" field="descripcion"/></span>
            </li>
            <li class="fieldcontain">
                <span id="direccion-label" class="property-label">Dirección</span>

                <span class="property-value" aria-labelledby="direccion-label">${cliente.getDirecciones().getAt('direccion').get(0)}</span>
            </li>
            <li class="fieldcontain">
                <span id="comuna-label" class="property-label">Comuna</span>

                <span class="property-value" aria-labelledby="comuna-label">${cliente.getDirecciones().getAt('comuna').get(0)}</span>
            </li>
            <li class="fieldcontain">
                <span id="forma-pago-label" class="property-label">Forma Pago</span>

                <span class="property-value" aria-labelledby="forma-pago-label">
                    <g:select id="forma-pago" name="formaPago.id" from="${icontrolv2.FormaPago.list()}" optionValue="nombre" optionKey="id" required="" value="${formaPago?.id}" class="many-to-one"/>
                </span>
            </li>
            <li class="fieldcontain">
                <span id="valor-neto-label" class="property-label">Valor Proyecto</span>

                <span class="property-value" aria-labelledby="valor-neto-label">
                    $<g:fieldValue bean="${proyecto}" field="valor"/>
                </span>
            </li>
            <li class="fieldcontain">
                <span id="descuento-label" class="property-label">Descuento</span>

                <span class="property-value" aria-labelledby="descuento-label">
                    $0
                </span>
            </li>
            <li class="fieldcontain">
                <span id="iva-label" class="property-label">I.V.A.</span>

                <span class="property-value" aria-labelledby="iva-label">
                    $<g:formatNumber type="number" number="${(proyecto.getValor() * 0.19)}" format="#" />
                </span>
            </li>
            <li class="fieldcontain">
                <span id="total-label" class="property-label">Total</span>

                <span class="property-value" aria-labelledby="total-label">
                    $<g:formatNumber type="number" number="${(proyecto.getValor() * 0.19) + proyecto.getValor()}" format="#" />
                </span>
            </li>
        </ol>

        <g:form action="save" >
            <g:hiddenField name="proyecto.id" value="${proyecto.getId()}"/>
            <g:hiddenField name="fecha_emision" value="${fechaEmision}"/>
            <g:hiddenField name="cliente.id" value="${cliente.getId()}"/>
            <g:hiddenField name="direccion" value="${cliente.direcciones.getAt('direccion').get(0)}"/>
            <g:hiddenField name="comuna" value="${cliente.direcciones.getAt('comuna').get(0)}"/>
            <g:hiddenField id="forma-pago-fa" name="formaPago.id" value=""/>
            <g:hiddenField name="neto" value="${proyecto.getValor()}"/>
            <g:hiddenField name="iva" value="${(int)(proyecto.valor * 0.19)}"/>
            <g:hiddenField name="descuento" value="0"/>
            <g:hiddenField name="total" value="${(int)((proyecto.valor * 0.19) + proyecto.valor)}"/>
            <fieldset class="buttons">
                <g:submitButton name="create" class="save" value="Crear Factura" />
            </fieldset>
        </g:form>
    </div>
</div>
</body>
</html>